html,body{
    width: 100%;
    height: 100%;
}
#zhuanPan{
    width: 100%;
    height: 100%;
    background: url("../img/13_bg.jpg") no-repeat;
    background-size: 100% 100%;
    position: relative;
}
#zp_pan{
    width: 80%;
    position: absolute;
    left: 10%;
    top: 13.9%;
}
#zp_readyGo{
    width: 21.25%;
    position: absolute;
    left: 0;
    right: 0;
    top: 30.5%;
    margin: 0 auto;
}
#zp_car_box{
    width: 80%;
    position: absolute;
    transform: rotate(45deg);
    top: 13.9%;
    left: 10%;
}
#zp_car{
    width: 18.32%;
    position: absolute;
    transform: rotate(-45deg);
    top: 84%;
    left: 32%;
}
#zp_hand{
    width: 7.634%;
    position: absolute;
    top: 37%;
    left: 52%;
    animation: hand 1.8s infinite;
}
@-webkit-keyframes hand {
    from{
        transform: scale(1.2);
    }50%{
        transform: scale(1);
    }to{
       transform: scale(1.2);
    }
}
#yihan{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.75);
    display: none;
}
#yh_yh{
    width: 36.5%;
    position: absolute;
    left: 0;
    right: 0;
    top: 24.5%;
    margin: 0 auto;
}
#yh_start{
    width: 84%;
    position: absolute;
    top: 53.2%;
    left: 8%;
}
#yh_btn{
    width: 84%;
    position: absolute;
    top: 55%;
    left: 7%;
}
#zhongJiang{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.75);
    display: none;
}
#zj_bg{
    width: 84%;
    position: absolute;
    top: 10%;
    left: 8%;
}
#zj_zp{
    width: 52%;
    position: absolute;
    top: 37.5%;
    left: 24%;
}
#zj_btn{
    width: 84%;
    position: absolute;
    top: 65%;
    left: 8%;
}
#prizeInfo{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.75);
    display: none;
}
#pi_bg{
    width: 80%;
    height: 48.7%;
    background: url("../img/15_dengji.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 15%;
    left: 10%;
}
#pi_bg>div{
	width: 100%;
	height: 16%;
	position: absolute;
	color: #fff;
	font-size: 1em;
	line-height: 2.0em;
	font-weight: 100;
	padding: 5%;
	overflow: hidden;
}
#pi_bg>div input{
	border: 0;
	outline: none;
	font-size: 1.3em;
	color: #000;
}
#pi_bg>div label{
	width: 20%;
	float: left;
	text-align: center;
}
select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.pi_div1{
	top: 30%;
}
.pi_div2{
	top: 46%;
}
.pi_div3{
	top: 62.5%;
}
.pi_div4{
	top: 78.5%;
}
#name,#tel{
	width: 70%;
	height: 70%;
	float: left;
	background-color: #fff;
    padding-left: 10px;
}
#province,#city{
	width: 34%;
	height: 70%;
	float: left;
	background-color: #fff;
    font-size: 1.1em;
    outline: none;
    border: 0;
    padding: 0 10px;
}
select {
    border: solid 1px #000;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../img/select.png") no-repeat scroll right center transparent;
    background-size: 33.5% 90%;
    padding-right: 20px;
}
select::-ms-expand { display: none; }
#province{
	margin-right: 1%;
}
#city{
	margin-left: 1%;
}
#address{
	width: 70%;
	height: 75%;
	float: left;
	background-color: #fff;
	margin-left: 20%;
    padding-left: 10px;
}
#pi_btn{
    width: 84%;
    position: absolute;
    top: 65%;
    left: 8%;
}
#success_submit{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.75);
    display: none;
}
#ss_bg{
    width: 80%;
    position: absolute;
    top: 15%;
    left: 10%;
}
